<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="zh-cn"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="zh-cn"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="zh-cn"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie" lang="zh-cn">
<!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="baidu-site-verification" content="mIcAkmT3nu" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台管理系统</title>
  	<meta name="keywords" content="网站,管理系统">
  	<meta name="description" content="武汉空格信息技术有限公司网站管理后台">
    <link href="../../../Public/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../../Public/static/css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="../../../Public/static/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../../../Public/static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../../Public/static/js/check.js"></script>
 

	<style>
		.alert {
		  padding: 8px;
		  margin-bottom: 5px;
		  border: 1px solid transparent;
		  border-radius: 4px;
		}
		.alert-danger {
		  color: red;
		  background-color: #f2dede;
		  border-color: #ebccd1;
		}
		body,h3,h4,h5{font-family:"微软雅黑","Arial Narrow",HELVETICA;color:#333}@media(min-width:1440px){.container{width:1440px}}.icon-bar{background-color:#fff}.row{margin:0}.topnav{border-bottom:1px solid #ebebeb;line-height:30px}
	</style>
 </head>
<body>
    <!-- 设置界面与浏览器顶部的距离  -->
	<div class="row">
		<div style="height:60px;">		
		</div>
	</div>
	
	<div class="container">
		<div class="row">
			<div class="col-md-offset-3 col-md-6">
				<div class="panel panel-default">
				  
				  <div class="panel-heading">
				  	  <h4 style="text-align:center;"><i class="glyphicon glyphicon-user" style="font-size:20px;color:#333;">  </i>  欢迎使用网站后台管理系统</h4>
				  </div>
				  
				  <div class="panel-body">
				  <form class="form-horizontal" role="form" action="__URL__/checklogin" method="post">
				      <input type="hidden" name="flag" id="flag" value="<{$flag}>" />
				      <div class="form-group">
					    <div class="col-md-offset-2 col-md-10">
					      <div id="msg" class="alert alert-danger" style="display:none;">
					         
					      </div>
					    </div>
					  </div>
				      
					  <div class="form-group">
					    <label for="name" class="col-md-2 control-label">用户名</label>
					    <div class="col-md-10">
					       <input type="text" name="name" value="" class="form-control" id="name" placeholder="">
					    </div>
					  </div>
					  
					  <div class="form-group">
					    <label for="password" class="col-md-2 col-sm-2 control-label">密  &nbsp;&nbsp;码</label>
					    <div class="col-sm-10">
					      <input type="password" name="password" class="form-control" id="password" placeholder="">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="verify" class="col-md-2 col-sm-2 control-label">验证码</label>
					    <div class="col-sm-10">
						    <input class="TxtValidateCodeCssClass" id="captcha" name="captcha" type="text">
                            <img src="__CONTROLLER__/verifyImg/"  alt="" id="verify"/>
					    </div>
					  </div>
					 <!--  
					  <div class="form-group">
					    <div class="col-md-offset-2 col-md-10">
					      <div class="checkbox">
					        <label>
					          <input type="checkbox"> 记住我
					        </label>
					      </div>
					    </div>
					  </div>
					  -->
					  <div class="form-group">
					    <div class="col-md-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-primary">登陆</button>
					      <button type="reset" class="btn btn-primary  col-md-offset-1">重置</button>
					    </div>
					  </div>
					</form>
				 </div>
				 <div class="panel-footer" style="text-align:center;">武汉空格信息技术有限公司版权所有 v1.0</div>
				</div>
			</div>
			
			<div class="col-md-3">
			
			</div>
		</div>	
	</div>
	
	// <script>
	// $(function(){
	// 	$("#name").focus();
	// 	var username = $.trim($("#name").val());
	// 	if($.trim($("#flag").val()) == 3) {
 //                $("#msg").css("display","block");
 //                $("#msg").text("验证码错误！请重新输入");
	// 			$("#flag").val("");
	// 			$("#name").val(username);
	// 			$("#password").val("");
	//             $("#password").focus();
 //        }
        
	// 	if($.trim($("#flag").val()) != "") {
 //                $("#msg").css("display","block");
 //                $("#msg").text("对不起，用户名或者密码错误！");
	// 			$("#flag").val("");
	// 			$("#name").val(username);
	// 			$("#password").val("");
	//             $("#password").focus();
 //        }
        
		
	// 	$("form").submit(function(){
 //            if($.trim($("#name").val())==""){
 //            	$("#msg").css("display","block");
 //            	$("#msg").html("提示：用户名不能为空！");
 //                $("#name").val("");
 //                $("#name").focus();
 //                $("#flag").val("");
 //                return false;
 //             }
            
 //            if($.trim($("#password").val())==""){
 //            	$("#msg").css("display","block");
 //            	$("#msg").text("提示：密码不能为空！");
 //                $("#password").val("");
 //                $("#password").focus();
 //                $("#flag").val("");
 //                return false;
 //             }

 //             if($.trim($("#captcha").val())==""){
 //            	$("#msg").css("display","block");
 //            	$("#msg").text("提示：验证码不能为空！");
 //                $("#captcha").val("");
 //                $("#captcha").focus();
 //                $("#flag").val("");
 //                return false;
 //             }
	// 	});
 //    });
	
	// </script>
</body>
</html>